@charset "utf-8";
/* base 公共部分 */
body {font-size:12px;line-height:20px; color:#555; margin: 0px; text-align:center;}
*{ padding:0; margin:0;font-family:"思源宋体" !important;}
a { color:#555; text-decoration:none;}
a:hover{ color:#0278b8; text-decoration:none;}
ul,li{ list-style:none;}
img { border:none; }
.clearboth { clear:both; }
.page{ text-align:center; margin:10px 0; width:100%; float:left;height:50px; line-height:50px; border-top:1px solid #e7e7e7;}
.page2{border:none;}
.page a{ color:#000; padding:0 10px;}
.page a.dq,.page a:hover{ color:#f00;}
.wrapper{ width:100%; text-align:left;}
.header{width:100%; background:#f3f3f3;}
.header .top{width:1100px; margin:0 auto; height:95px;}
.header .top .top-left{float:left; width:450px;}
.header .top .top-center{ float:left; padding-top:52px; color:#3074bd;}
.header .top .top-center a{font:100 12px/24px "思源宋体"; color:#3074bd;}
.header .top .top-center a:hover{ color:#f00;}
.header .top .top-right{float:right;}
.header .top .top-right .tr1{height:50px; line-height:50px; text-align:right;}
.header .top .top-right .tr1 #red{color:#f00;}
.header .top .top-right .tr1 a#red:hover{color:#0278b8;}
.header .top .top-right .tr1 a{color:#676767;}
.header .top .top-right .tr1 a:hover{color:#0278b8;}
.header .top .top-right .tr2{}
/*导航*/
.header .navv{width:100%; background:url(../images/bg6.jpg) repeat-x; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#nav{width:1000px; margin:0 auto; padding:0 20px; height:42px; line-height:42px; position:relative; z-index:1; }
#nav a{ color:#fff; }
#nav .nLi{ float:left; position:relative; display:inline; width:125px;}
#nav .nLi h3{ float:left; }
#nav .nLi h3 a{ display:block; padding:0 20px; font-size:14px; font-weight:bold; }
#nav .sub{ display:none; left:0; top:34px; position:absolute; background:#0a87bf; line-height:26px; padding:5px 26px; }
#nav .sub2{width:122px;}
#nav .sub li{ zoom:1;}
#nav .sub a{ display:block; }
#nav .sub a:hover{ color:#f00; }
#nav .on h3 a{ background:#0a87bf; color:#fff; }
/*banner*/
.banner{width:100%;}
.slideBox{ width:100%; height:350px; overflow:hidden; position:relative; margin:0 auto;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:50%; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
.slideBox .hd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px; background:url(../images/bg1.png) center center no-repeat; cursor:pointer; }
.slideBox .hd ul li.on{ background:url(../images/bg2.png) center center no-repeat; }
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1440px; height:350px; margin:0 auto; display:block; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; }
.slideBox .prevStop{ display:none; }
.slideBox .nextStop{ display:none; }
.header .banner{width:100%;}
/*首页中间内容开始*/
.main{width:1020px ; margin:0 auto;}
.box1{width:1000px; margin:0 auto; margin-top:20px;}
.box1 .b1-left{width:585px; float:left;}
.b-title{font-size:12px; height:30px; line-height:30px; border-bottom:1px solid #ccc; }
.bt1{width:200px; float:left;}
.bt2{width:100px; float:right; text-align:right;}
.b-title span{font-size:14px; color:#3074bd;}
.b-title a{color:#3074bd;}
.b-title a:hover{color:#f00;}
.box1 .b1-left .b1-content{padding-top:10px;padding-right:5px; color:#212121;}
.box1 .b1-left .b1-content img{float:left; padding:0 10px 10px 0;}
.box1 .b1-right{width:395px; float:right;}
.box1 .b1-right .b1-content{padding-top:10px;padding-right:5px; color:#212121;}
.box1 .b1-right .b1-content ul li{height:28px; line-height:28px; background:url(../images/tp2.jpg) left no-repeat; padding-left:10px; border-bottom:1px dashed #ccc;}
.box1 .b1-right .b1-content ul li a{float:left; width:calc(100% - 80px); white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.box1 .b1-right .b1-content ul li a:hover{color:#0278b8;}
.box1 .b1-right .b1-content ul li span{float:right; width:70px;}
.box2{ margin-top:10px;}
.box2 ul li{padding:15px; border:1px solid #ccc; width:460px;float:left; color:#212121; margin:9px 9px;display:inline;}
.box2 ul li .b2-left{width:240px; float:right; position:relative;}
.box2 ul li .b2-right{width:205px; float:left;}
.box2 ul li .b2-left span{font-size:14px; color:#f00;display:block; height:30px; line-height:30px; float:left;}
.box2 ul li .b2-left span.wz{font-size:12px; line-height:33px; color:#555;}
.box2 ul li .b2-left a{display:block; color:#fff; background:#0595de; width:67px; height:23px; line-height:23px; text-align:center; position:absolute; right:0px; bottom:-15px;}
.box2 ul li .b2-left a:hover{color:#f00;}
.box3{width:1000px; margin:0 auto; background:#fff;padding:1px;border:1px solid #dddddd; height:55px; margin-top:10px;}
.box3 ul{background:#eeeeee;height:55px; }
.box3 ul li{float:left; padding:8px 15px;}
.box3 ul li.first{font-size:18px ; color:#3074bd; padding:0 18px; border-right:1px solid #ddd;line-height:55px;}
.box4{width:1002px; margin:0 auto; margin-top:10px;}
.b4-title{height:30px; line-height:30px;padding:1px; border:1px solid #ddd;}
.b4-title .bt{background:#eee;height:30px;}
.b4-title span{ font-size:14px; color:#3074bd;display:block; float:left; padding-left:20px;padding-right:10px; background:url(../images/tp12.jpg) right center no-repeat;}
.b4-title a{float:right; font-size:12px; color:#3074bd; padding-right:10px;}
.b4-title a:hover{color:#f00;}
.b4-content{border:1px solid #dddddd; border-top:none;padding:5px; padding-bottom:10px;}
#mdemo{background:#FFF;overflow:hidden;width:96%;margin:0 auto; margin-top:10px;}
#mindemo {float: left;width:800%}
#mdemo1 {float: left;}
#mdemo2 {float: left;}
#ndemo{background:#FFF;overflow:hidden;width:96%;margin:0 auto; margin-top:20px;}
#nindemo {float: left;width:800%}
#ndemo1 {float: left;}
#ndemo2 {float: left;}
.product_list1{}
.product_list1 li{float:left;margin-left:10px; margin-right:13px;padding-bottom:15px;_display:inline;}
.product_list1 li a.img{padding:2px;border:1px solid #D5D5D5; display:block;}
.product_list1 li img{width:180px;height:135px;border:1px solid #D5D5D5;}
.product_list1 li h3{text-align:center;padding-top:5px; margin-top:1px; font-weight:normal;}
.product_list1 li h3 a{font:100 12px/24px "思源宋体";}
.product_list1 li h3 a:hover{color:#0278b8;}
.product_list1 li a.img{display:block;}
.product_list1 li a.img:hover{border-color:#e87518;}
.roll_product li{padding-bottom:0px; float:left;padding:2px;}
.roll_product{float:left;}
.box5{ margin:0 auto;margin-top:15px; width:1004px;}
.b5-title{height:30px; line-height:30px;padding:1px; border:1px solid #ddd;}
.b5-title .b5{background:#eee; height:30px;}
.b5-title .bt{height:30px;float:left;}
.b5-title span{ font-size:14px; color:#3074bd;display:block;padding-left:20px;padding-right:10px; background:url(../images/tp12.jpg) right center no-repeat;}
.b5-title .bt2{width:900px; float:left;}
.b5-title .bt2 a{padding:0 10px;}
/*首页中间内容结束*/
/*关于我们*/
.main2{width:1000px; margin:0 auto;margin-top:20px;}
.sider{width:200px; float:left;}
.sider .sider-title{border-bottom:1px solid #ccc; margin-bottom:5px;}
/* sdmenu */
div.sdmenu{width:200px;margin:0 auto; font-size:12px;padding-bottom:10px;background:url(bottom.gif) no-repeat right bottom;color:#fff;}
div.sdmenu div{background:url(title.gif) repeat-x;overflow:hidden;}
div.sdmenu div:first-child{background:url(toptitle.gif) no-repeat;}
div.sdmenu div.collapsed{height:25px;margin-bottom:2px;}
div.sdmenu div span{display:block;height:20px;line-height:20px;overflow:hidden;padding:5px 22px;font-weight:bold;color:white;background:url(../images/tp21.jpg) center no-repeat;cursor:pointer;border-bottom:1px solid #ddd;}
div.sdmenu div.collapsed span{background:url(../images/tp21.jpg) center no-repeat;}
div.sdmenu div a{color:#fff;}
div.sdmenu div a:hover{color:#000;}
div.sdmenu div ul{ background:#e8f4ff;padding-left:20px;}
div.sdmenu div ul a{padding:5px 10px;display:block;color:#000;}
div.sdmenu div ul a.current{}
div.sdmenu div ul a:hover{color:#f00;text-decoration:none;}
.sider-right{width:755px; float:right;}
.sr-title{height:30px; line-height:30px; border-bottom:1px solid #ccc;}
.sr-left{width:200px; float:left; background:url(../images/tp23.jpg) left no-repeat; padding-left:20px; font-size:14px; color:#000;}
.sr-right{width:500px; float:right; font-size:12px; color:#525151; text-align:right;}
.sr-right span{font-weight:bold; color:#404040;}
.about{color:#212121; line-height:2;padding-top:20px;}
/*产品展示*/
.product {}
.product ul li{text-align:center; float:left;margin-right:24px; margin-bottom:10px;display:inline;}
.product ul li a{color:#212121; }
.product ul li img{border:1px solid #dadada;}
.case ul li{margin-right:23px; display:inline;}
.product_list{padding-top:40px;}
.product_list .tp{width:360px; float:right; color:#212121; line-height:30px; font-size:14px;}
.product_list .cs{margin-top:20px;}
/*tab*/
.slideTxtBox{ width:100%; text-align:left; }
.slideTxtBox .hd{ height:30px; border-bottom:1px solid #b5b5b5; font:bold 16px/30px "思源宋体";position:relative; }
.slideTxtBox .bd{ padding-top:8px; line-height:24px;}
.slideTxtBox .bd table{border-collapse:collapse;border:1px solid;font-size:14px;margin:20px auto;}
.slideTxtBox .bd table tr td{padding:2px 5px;border:1px solid;}
/*新闻中心*/
.news{padding-top:10px;}
.news ul li{ padding-left:20px; background:url(../images/tp59.jpg) left no-repeat; color:#323232; height:40px; line-height:40px; border-bottom:1px dashed #e2e0e0;}
.news ul li a{color:#323232; float:left;}
.news ul li a:hover{ color:#0278b8;}
.news ul li span{float:right;}
.news_list{padding-top:15px; color:#4a4848;}
.news_list ul li.n1{ font-size:16px; color:#323232; font-weight:bold; text-align:center; height:30px; line-height:30px;}
.news_list ul li.n2{text-align:center; border-bottom:1px dashed #e2e0e0;}
.news_list ul li.n3{line-height:2; text-indent:2em; padding:10px 0;}
.news_list ul li.n3 a{float:right; display:block; color:#ff4e00;}
/*招聘*/
.job{padding:40px 0;}
.job table{ background:#d5d5d5; color:#2a2a2a;}
.job table tr td{padding:5px 10px; background:#fff; line-height:30px;}
/*视频展示*/
.video{}
.video ul li{float:left;margin:10px 10px; text-align:center;}
.video ul li img{width:230px;height:160px;}
.video .video-title{height:30px; line-height:30px; font-size:16px; color:#000; text-align:center; margin-top:20px;border-bottom:1px dashed #ccc;}
.video .video-content{padding:20px 0;text-align:center;}
.yingyong{padding-top:20px;line-height:30px;}
/*联系我们*/
.contact{line-height:2; color:#151515; padding-top:5px;}
.contact table{ color:#2a2a2a;}
.contact table tr td{padding:5px 10px; background:#fff; line-height:30px;}
.contact table input.button{background:#f87c00;color:#fff; cursor:pointer; padding:2px 10px; border:none;}
.contact table input.button2{background:#a37759;color:#fff; cursor:pointer; padding:2px 10px; border:none;}
.red{ color:#f37801;}
/*在线客服*/
.float0831 {
POSITION: fixed; TOP: 100px; RIGHT: 1px; _position: absolute
}
.float0831 A {
COLOR: #00a0e9
}
.float0831 A:hover {
COLOR: #ff8100; TEXT-DECORATION: none
}
.float0831 .floatL {
POSITION: relative; WIDTH: 28px; FLOAT: left
}
.float0831 .floatL A {
TEXT-INDENT: -9999px; DISPLAY: block; FONT-SIZE: 0px
}
.float0831 .floatR {
BACKGROUND: url(../images/float_bg.gif)
}
.float0831 .tp {
BACKGROUND: url(../images/float_bg.gif)
}
.float0831 .cn {
BACKGROUND: url(../images/float_bg.gif)
}
.float0831 .floatR {
PADDING-BOTTOM: 15px; WIDTH: 130px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -131px bottom; FLOAT: left; OVERFLOW: hidden
}
.float0831 .tp {
BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0% 0%; HEIGHT: 10px
}
.float0831 .cn {
BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: -262px 0px
}
.float0831 .cn H3 {
TEXT-INDENT: -9999px; HEIGHT: 36px; FONT-SIZE: 0px
}
.float0831 .cn UL {
PADDING-BOTTOM: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px; PADDING-TOP: 0px
}
.float0831 .cn UL LI {
BORDER-BOTTOM: #e6e5e4 1px solid; LINE-HEIGHT: 36px; WORD-WRAP: break-word; HEIGHT: 36px; OVERFLOW: hidden; WORD-BREAK: normal
}
.float0831 .titZx {
BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .titDh {
BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .titDc {
BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoZx {
BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoTc {
BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoFf {
BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoTl {
BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .btnOpen {
BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .btnOpen_n {
BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .btnCtn {
BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .titZx {
BACKGROUND-POSITION: 5px -10px
}
.float0831 .titDh {
BACKGROUND-POSITION: 5px -66px
}
.float0831 .titDc {
BACKGROUND-POSITION: 5px -124px
}
.float0831 .icoZx {
BACKGROUND-POSITION: 2px -154px
}
.float0831 .icoTc {
BACKGROUND-POSITION: 0px -323px
}
.float0831 .icoFf {
BACKGROUND-POSITION: 2px -213px
}
.float0831 .icoTl {
PADDING-LEFT: 20px; DISPLAY: block; BACKGROUND-POSITION: 2px -266px; FLOAT: left
}
.float0831 .btnOpen {
BACKGROUND-POSITION: -30px -396px
}
.float0831 .btnOpen_n {
BACKGROUND-POSITION: 0px -530px
}
.float0831 .btnCtn {
BACKGROUND-POSITION: 0px -396px
}
.float0831 .icoZx {
PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .icoTc {
PADDING-LEFT: 22px; DISPLAY: block; FLOAT: left
}
.float0831 .icoFf {
PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .btnOpen {
POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnOpen_n {
POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnCtn {
POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnOpen {
TOP: 60px; LEFT: 1px
}
.float0831 .btnOpen_n {
TOP: 118px; LEFT: 1px
}
.float0831 .btnCtn {
TOP: 60px; LEFT: 2px
}
.float0831 UL LI H3.titDc A {
WIDTH: 80px; DISPLAY: block; HEIGHT: 36px
}
.float0831 UL LI.top {
BORDER-BOTTOM: #ace5f9 1px solid
}
.float0831 UL LI.bot {
BORDER-BOTTOM-STYLE: none
}
.float0831 UL.webZx {
PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 164px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/webZx_bg.jpg) no-repeat; HEIGHT: 65px; PADDING-TOP: 0px
}
.float0831 UL LI.webZx-in {
BORDER-BOTTOM-STYLE: none; PADDING-LEFT: 5px; HEIGHT: 50px; PADDING-TOP: 8px
}
#IconContainer{ position:relative;top:100px !important}
.footer{margin-top:50px; border-top:4px solid #0595de; padding-top:12px;}
.footer .f1{height:170px; background:url(../images/bg3.jpg) repeat-x;}
.footer .f1 .f1-2{width:1000px; margin:0 auto; text-align:center;}
.footer .f1 .f1-2 ul{float:left; width:135px;display:inline;}
.footer .f1 .f1-2 ul li{height:22px; line-height:22px; font-size:12px;}
.footer .f1 .f1-2 ul li a{color:#545353;}
.footer .f1 .f1-2 ul li a:hover{color:#0278b8;}
.footer .f1 .f1-2 ul li.first2{font-size:14px; font-weight:bold;height:40px; line-height:40px;}
.footer .f2{width:1000px; margin:0 auto; height:38px; line-height:38px;}
#message_box {position:absolute;width:100px;height:120px;right:10px;top:100px;z-index:99999;}